<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			/* 001 */
			div {
				color: orange;
			}

			/* 010 */
			.dv {
				color: green;
			}

			/* 100 */
			#d1 {
				color: blue;
			}

			/* 后代 001 + 001 = 002*/
			ul li {
				color: orange;
			}

			/* 后代 010 + 001 = 011*/
			.nav li {
				color: blue;
			}

			/* 001 */
			li {
				color: red !important;
			}
		</style>
	</head>
	<body>
		<div class="dv" id="d1">css优先级</div>

		<ul class="nav">
			<li>博为峰</li>
			<li>学掌门</li>
			<li>29期</li>
		</ul>
	</body>
</html>
